<!--  -->
<template>
  <div class="two">
    <div class="wrapper">
      <div class="content">
        <el-carousel :interval="3000" type="card" height="250px">
          <el-carousel-item>
            <div @click="click1">
              <img src="~assets/img/show/15.jpg" alt="" />
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div @click="click2">
              <img src="~assets/img/show/16.jpg" alt="" />
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div @click="click3">
              <img src="~assets/img/show/17.jpg" alt="" />
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div @click="click4">
              <img src="~assets/img/show/18.jpg" alt="" />
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div @click="click5">
              <img src="~assets/img/show/19.jpg" alt="" />
            </div>
          </el-carousel-item>
        </el-carousel>
        <div class="history">
          <div class="totitle">中国共产党发展历程</div>

          <div class="info">
            <p>
              1917年，十月革命的曙光照亮了世界。在十月革命的影响下，中国以李大钊、陈独秀、毛泽东为代表的先进知识分子，开始了学习宣传马克思主义的活动。于是，马克思主义在中国先进知识分子当中，逐步传播开来。
            </p>
            <div class="img"><img src="~assets/img/two/01.jpeg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1918年4月，毛泽东同蔡和森、何叔衡在湖南发起成立了“新民学会”。1919年7月，李大钊组织了“少年中国学会”。不久，周恩来和郭隆真等人组织了“觉悟社”。当时，在宣传马克思主义方面最突出的是李大钊和陈独秀。
            </p>
            <div class="img"><img src="~assets/img/two/02.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1920年4月，共产国际派代表维金斯基等来华，先后会见了李大钊、陈独秀等人，开始酝酿成立共产党。之后，在全国各地建立了共产主义小组的基础上，于1921年7月下旬，在上海举行了中国共产党第一次全国代表大会。出席大会的代表有：毛泽东、何叔衡、董必武、陈潭秋、王尽美、邓恩铭、李达、李汉俊、张国焘、刘仁静、陈公博、周佛海十二人，还有陈独秀指派的代表包惠僧以及共产国际的代表马林和尼柯尔斯基。
            </p>
            <div class="img"><img src="~assets/img/two/03.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1927年8月1日，周恩来等领导的南昌起义，打响了武装反抗国民党反动派的第一枪。8月7日，党中央召开紧急会议，确定了实行土地革命和武装起义的方针。9月，毛泽东同湖南省委领导了湖南、江西边界的秋收起义。随后，湘鄂赣粤各地的秋收起义，广州起义和其他许多地区的起义先后爆发。自1927年大革命失败到1928年，党在全国各地领导武装起义100多次，开始进入创建红军和发动土地革命的新时期。
            </p>
            <div class="img"><img src="~assets/img/two/04.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1937年7月，抗日战争爆发，针对当时实际情况，毛泽东同志多次重申党的二大提出的关于中国革命分两步走的规化，提出了新民主主义革命的光辉思想，指出了中国的出路在于推翻帝国主义、封建主义的反动统治，并进而转入社会主义。
            </p>
            <div class="img"><img src="~assets/img/two/05.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              中国共产党领导中国人民取得的反对帝国主义、封建主义、官僚资本主义的胜利充分说明：
              中国共产党是无产阶级的先锋队，是全心全意为人民服务的不谋任何私利的政党虽敢于并善于领导人民百折不挠地向敌人作斗争的政党。中国各族人民从亲身经历中看到了这个事实，人而紧密团结在党的周围，实现了我国历史上空前的民族统一和团结。
            </p>
            <div class="img"><img src="~assets/img/two/06.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1976年10月，党中央政治局代表人民的意志，粉碎了“四人帮”反革命集团，结束了“文化大革命”这场灾难。
            </p>
            <div class="img"><img src="~assets/img/two/07.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              1978年12月，党中央召开了十一届三中全会，重新确立了马克思主义的思想路线，政治路线和组织路线。其中包括果断地停止使用“以阶级斗争为纲”这个不适用于社会主义社会的口号，作出了把全国工作重点转移到社会主义现代化建设上来的战略决策，提出了健全社会主义民主和加强社会主义法制的任务。
            </p>
            <div class="img"><img src="~assets/img/two/08.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
          <div class="info">
            <p>
              十一届三中全会的重大意义，就在于它真正开始了全面的、坚决的、依靠群众和深思熟虑的拨乱反正，开始了认真纠正“文化大革命”中及以前的“左”倾错误，使用权党重新加到马克思主义、毛泽东思想的轨道上来。
            </p>
            <div class="img"><img src="~assets/img/two/09.jpg" alt="" /></div>
          </div>
          <el-divider></el-divider>
        </div>

        <div class="back-home" @click="backHome">
          <img src="~assets/img/backtop/backhome1.png" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "One",
  components: {},
  data() {
    return {};
  },
  methods: {
    click1() {
      this.$router.push("/one").catch((err) => {
        err;
      });
    },
    click2() {
      this.$router.push("/two");
    },
    click3() {
      this.$router.push("/three");
    },
    click4() {
      this.$router.push("/four");
    },
    click5() {
      this.$router.push("/five");
    },
    backHome() {
      this.$router.push("/home");
    },
  },
};
</script>

<style scoped>
.two {
  width: 100vw;
  height: 100vh;
  background: pink;
  overflow: hidden;
  background: url("~assets/img/show/18.jpg");
  /* background: url("~assets/img/one/04.jpg"); */
  background-size: cover;
}
.back-home {
  width: 60px;
  height: 60px;
  position: fixed;
  top: 40px;
  left: 160px;
  /* background:#AE454A ; */
  background: #fff;
  border-radius: 50%;
  opacity: 0.8;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.back-home img {
  margin-top: 7px;
  width: 90%;
  transition: 0.5s;
}
.back-home:hover img {
  transform: scale(1.2);
}
.el-carousel__item img {
  width: 100%;
}
.wrapper {
  width: 1000px;
  margin: 0 auto;
  background: #eee;
  height: 100%;
  overflow-y: scroll;
  /* opacity: 0.9; */
}
.wrapper::-webkit-scrollbar {
  display: none;
}
.totitle {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  /* text-indent: 2em; */
  color: #333;
}
.content {
  overflow: hidden;
  width: 100%;
}

.history .info {
  overflow: hidden;
  margin: 0 auto;
  width: 90%;
  padding: 10px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
  transition: all 0.4s;
}
.history .info:hover {
  background: #f56c6c;
  transform: translateY(-6px);
}
.history .info p {
  padding: 30px 0;
  width: 60%;
  float: left;
  margin-right: 20px;
  text-indent: 2em;
  text-align: justify;
}
.history .info .img {
  width: 30%;
  float: left;
}
.history .info .img img {
  width: 100%;
}
</style>